﻿<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">  
    <!-- Title-->
    <title>在线设备</title>    
    <!-- 样式-->
    <link rel="stylesheet" th:href="@{css/style.css}">
     <script src="js/jquery.min.js"></script> 
    <script src="js/bootstrap.min.js"></script>   
    <script src="js/default/active.js"></script> 
  </head>
  <body> 
     
 <div class="header-area" id="headerArea">
   <div class="container h-100 d-flex align-items-center justify-content-between">
    
     <div class="logo-wrapper">
     <a th:href="@{/weight}"> 返回 </a>
	 </div>
     <!-- Search Form-->
     <div class="top-search-form">
      	  组织机构信息表管理
     </div>
     <!-- 客户详情-->
     <div class=" d-flex justify-content-between " id="suhaNavbarToggler"><span></span><span></span><span></span></div>
   </div>
 </div>
  
        <!-- Weekly Best Sellers-->
      <div class="weekly-best-seller-area pt-3">
        <div class="container">
          <div class="section-heading d-flex align-items-center justify-content-between">
            <h6>设备信息</h6> 
          </div>
          
          <div class="row">
          
     
            <div class="col-12"  th:each="equmtgrpInfo : ${equmtgrpInfoList}">
              
              
              <div class="card weekly-product-card mb-3">
              <a class="wishlist-btn" th:href="@{/baidu?equipment=}+ ${equmtgrpInfo.equmtgrpAddress}">
                <div class="card-body d-flex align-items-center">
                  <div class="product-thumbnail-side">
					<i class="icofont-heart"></i> 
					<img th:src="@{img/bg-img/01.jpg}" alt="">
				  </div>
                  <div class="product-description">
                    <p> 设备名称： <span th:text="${equmtgrpInfo.equmtgrpName}"></span></p>
                    <div class="product-rating"><i class="fa fa-star"></i>状态： 
                    <span th:text="${equmtgrpInfo.equmtgrpOnline=='1'?'在线':'不在线'}"></span> 
                    </div>
                   
                  </div>
                </div>
                </a>
              </div>
              
            </div>
             
             
        </div>
      </div>
    </div>
      
  </body>
</html>